<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>危险化学品</title>
	<link rel="stylesheet" href="../resource/app/css/reset.css">
	<link rel="stylesheet" href="../resource/app/css/wxhxp.css">
	<style>
		html {
			visibility: visible;
		}
	</style>
</head>

<body>

<div class="wrapper">

	<div class="header"></div>
	<div class="header-logo"></div>

	<div class="header-menu-date"></div>
	<div class="header-menu-time"></div>

	<div class="header-menu-left">
		<a target="_top" href="../main3.html?link=zdwxy.html">重大危险源</a>
		<a target="_top" href="../main3.html?link=wxhxp.html" class="active">危险化学品</a>
		<a target="_top" href="../main3.html?link=wxhggy.html">危险化工工艺</a>
	</div>

	<div class="header-menu-right">
		<a target="_top" href="../main3.html?link=xkzz.html">许可证照</a>
		<a target="_top" href="../main3.html?link=wxfqw.html">危险废弃物</a>
		<a target="_top" href="../main3.html?link=wxpyscl.html">危险品运输车辆</a>
	</div>

	<div class="sub-header">
		<ul>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">集团</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">
						<div class="dropdown-menu-list">
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;" class="active">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">勘探</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">炼化</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">销售</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">天然气销售</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">管道</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">工程技术</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">工程建设</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
		</ul>
	</div>


	<!--	危险化学品
	总计-->
	<div id="wxhxp_1">


		<div class="wxhxp-total">
			<span class="title">危险化学品总计</span>
			<div class="flop" id="wxhxp_1_flop_1"></div>
		</div>

		<div class="tab wxhxp-tab">

			<div class="tab-header">

				<a href="javascript:;" class="active">
					<div class="container">
						<span class="title">特殊危险化学品</span>
						<div class="flop red" id="wxhxp_1_tab_flop_1"></div>
					</div>
				</a>
				<a href="javascript:;">
					<div class="container">
						<span class="title">一般危险化学品</span>
						<div class="flop orange" id="wxhxp_1_tab_flop_2"></div>
					</div>
				</a>

			</div>
			<div class="tab-content">

				<div class="content active">
					<div id="wxhxp_1_chart_1"></div>
				</div>
				<div class="content">
					<div id="wxhxp_1_chart_2"></div>
				</div>
			</div>

		</div>

	</div>


	<!--	涉及企业数TOP10-->
	<div id="wxhxp_2_wrapper" class="panel-1"></div>
	<div id="wxhxp_2_header" class="panel-header-1">
		<span class="title">涉及企业数TOP10</span>
	</div>
	<div id="wxhxp_2"></div>


	<div id="wxhxp_3"></div>

	<!--	按属性类型统计危化品种类-->
	<div id="wxhxp_4_wrapper" class="panel-1"></div>
	<div id="wxhxp_4_header" class="panel-header-1">
		<span class="title">按属性类型统计危化品种类</span>
	</div>
	<div id="wxhxp_4">

		<div class="kind-stat-info">
			<span class="num" id="wxhxp_4_flop_1">0</span>
			<span class="name">危化品种类统计</span>
		</div>

		<div class="kind-stat-chart" id="wxhxp_4_chart_1"></div>

	</div>


	<!--	危化品种类单位分布-->
	<div id="wxhxp_5_wrapper" class="panel-1"></div>
	<div id="wxhxp_5_header" class="panel-header-1">
		<span class="title">危化品种类单位分布</span>
	</div>
	<div id="wxhxp_5">
		<div class="card">
			<div class="card-body">

				<div class="good-table scroll striped">

					<div class="good-table-header">
						<table>
							<colgroup>
								<col style="width: 150px;">
								<col style="width: 150px;">
								<col style="width: 140px;">
							</colgroup>

							<thead>
							<tr>
								<th class="text-center">单位</th>
								<th class="text-center">危化品数</th>
								<th class="text-center">特殊危化品</th>
							</tr>
							</thead>
						</table>
					</div>

					<div class="good-table-body">
						<table>
							<colgroup>
								<col style="width: 150px;">
								<col style="width: 150px;">
								<col style="width: 140px;">
							</colgroup>

							<tbody>
							<tr>
								<td class="text-center">
									<a href="javascript:;">勘探</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">30</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">10</a>
								</td>
							</tr>
							<tr>
								<td class="text-center">
									<a href="javascript:;">勘探</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">30</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">10</a>
								</td>
							</tr>

							</tbody>
						</table>
					</div>

				</div>

			</div>
		</div>
	</div>


	<!--	SDS-->
	<div id="wxhxp_6_wrapper" class="panel-1"></div>
	<div id="wxhxp_6_header" class="panel-header-1">
		<span class="title">SDS</span>
		<div class="form">
			<input type="text">
			<botton type="button"></botton>
		</div>
	</div>
	<div id="wxhxp_6">

		<div class="card">
			<div class="card-body">

				<div class="good-table bordered">

					<div class="good-table-body">
						<table>
							<colgroup>
								<col style="width: 120px;">
								<col style="width: 336px;">
								<col style="width: 120px;">
								<col style="width: 336px;">
							</colgroup>

							<tbody>
							<tr>
								<th colspan="4">基本信息</th>
							</tr>
							<tr>
								<th class="text-right">名称</th>
								<td class="text-left">氯</td>
								<th class="text-right">CAS号</th>
								<td class="text-left">7782-50-5</td>
							</tr>
							<tr>
								<th class="text-right">名称</th>
								<td class="text-left">氯</td>
								<th class="text-right">CAS号</th>
								<td class="text-left">7782-50-5</td>
							</tr>
							<tr>
								<th class="text-right">名称</th>
								<td class="text-left">氯</td>
								<th class="text-right">CAS号</th>
								<td class="text-left">7782-50-5</td>
							</tr>
							<tr>
								<th class="text-right">名称</th>
								<td class="text-left" colspan="3">
									<p class="unellipsis">加压气体 急性毒性-吸入,类别2 皮肤腐蚀/刺激,类别2 严重眼损伤/眼刺激,类别2 特异性靶器官毒性-一次接触,类别3（呼吸道刺激） 危害水生环境-急性危害</p>
								</td>
							</tr>
							<tr>
								<th colspan="4">所属目录</th>
							</tr>
							<tr>
								<td colspan="2">危险化学品目录（2015版）</td>
								<td colspan="2">危险化学品目录（2015版）</td>
							</tr>
							<tr>
								<td colspan="2">危险化学品目录（2015版）</td>
								<td colspan="2">危险化学品目录（2015版）</td>
							</tr>
							<tr>
								<th class="text-right">危化品说明书</th>
								<td class="text-left" colspan="3">
									<a href="javascript:;">危化品说明书.pdf</a>
								</td>
							</tr>
							</tbody>
						</table>
					</div>

				</div>

			</div>
		</div>


	</div>


</div>
<script src="../resource/fb.min.js"></script>
<script>
	fb.dev(true);
	fb.app("wxhxp.wxhxpApp", function () {
		Firebird.create("wxhxp.SearchApp");
	});
</script>
</body>
</html>